<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>集中考试</title>

    <link href="../../static/css/main.css" th:href="@{/css/main.css}" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" src="../../static/js/jzkszx.js" th:src="@{/js/jzkszx.js}"></script>
    <script>
        function MaxMe(o) {
            if (window.navigator.userAgent.indexOf("Firefox") > -1) {
                o.style.height = o.scrollTop + o.scrollHeight + "px";
            } else {
                if (o.scrollTop > 0) o.style.height = o.scrollTop + o.scrollHeight + "px";
            }
        }
    </script>
</head>
<body>

<form id="form1" action="#" method="post">
    <div class="toplogo">
        <div class="mainbox box-center pt15">
            <div class="logo left"><a><span id="title" th:text="${examPaper.name}">考试试卷</span></a></div>
            <div class="but right"><strong id="" class="png"><span id="lasttime"></span></strong><a class="btn02 png"
                                                                                                    onclick="UpExam();"
                                                                                                    href="#"></a></div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="mainbox box-center">

        <!--左侧-->
        <div class="side_l left">
            <!--信息-->
            <div class="col-l-01 box-shadow-ie-r"><b class="b1"></b><b class="b2"></b><b class="b3 "></b>
                <div class=" bc bc-h01  box-shadow"><a><img
                        src="https://www.17sucai.com/preview/1750622/2019-08-05/tx/img/rachel.jpg" id="imgurl"
                        class="border p3 m5 left" width="70" height="80"/></a>
                    <div class="text-left m5 col-r-03 right">
                        <p>学员姓名：<span id="stuname" th:text="${session.user.loginName}">昵称</span></p>
                        <p>卷面总分：<span id="totalscore" th:text="${examPaper.score}">100.00</span>分</p>
                        <p>合格分数线：<span id="jgscore">60.00</span>分</p>
                        <p>答题时间：<span id="examtime">10</span>分钟</p>
                    </div>
                </div>
                <b class="b3"></b><b class="b2"></b><b class="b1 "></b></div>
            <!--序号-->
            <div class="col-l-02 box-shadow-ie-r mt20 bc-h02  "><b class="b1"></b><b class="b2"></b><b class="b3 "></b>
                <div class=" bc  box-shadow p10">
                    <div id="testnum" class="xuhao">
                        <h4>一、单选题</h4>
                        <div th:each="item:${examPaper.questionDtoList}">
                            <a th:href="'#'+${item.orderId}" class="" th:id="${item.orderId}" th:name="${item.orderId}" th:text="${item.orderId}"></a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <b class="b3"></b><b class="b2"></b><b class="b1 "></b></div>
        </div>
        <!--右侧-->
        <!--题-->
        <div class="col-r-01 box-shadow-ie-r mt10 right"><b class="b1"></b><b class="b2"></b><b class="b3 "></b>
            <div id="Content" class=" bc bc-h04  box-shadow p10"><b class="b1 bb1"></b><b class="b2 bb2"></b><b
                    class="b3 bb2"></b>
                <div class="bc bb2">
                    <div class="bt bb3 bc-h03"><span><a><img class="png" src="../../static/image/jian.png" th:src="@{/image/jian.png}"/></a></span>
                        单选题（每题1.00分,共10.00分）
                    </div>
                </div>
                <b class="b3 bb2"></b><b class="b2 bb2"></b><b class="b1 bb1"></b>
                <div th:each="item:${examPaper.questionDtoList}">
                    <div class="m-choicebox"><a th:name="${item.orderId}" class="target"></a>
                        <h4>第 <span th:text="${item.orderId}">题号</span> 题：
                            <p th:text="${item.name}">题目</p>
                            <p><img alt="" src="/edu/tools/upload/201403/03/201403030957001523.jpg"/></p>
                        </h4>
                        <ul class="single">
                            <li class="question-option-list"><span>A．</span>
                                <div class="option-content" th:text="${item.optionA}">选项A</div>
                            </li>
                            <li class="question-option-list"><span>B．</span>
                                <div class="option-content" th:text="${item.optionB}">选项B</div>
                            </li>
                            <li class="question-option-list"><span>C．</span>
                                <div class="option-content" th:text="${item.optionC}">选项C</div>
                            </li>
                            <li class="question-option-list"><span>D．</span>
                                <div class="option-content" th:text="${item.optionD}">选项D<br/>
                                </div>
                            </li>
                        </ul>
                        <div class="m-checkBox single"><a class="question-btn mus" th:id="'cb'+${item.orderId}">
                            <label th:for="'rd'+${item.orderId}">
                                <input type='radio' value="A" th:name="'rd'+${item.orderId}" th:id="'rd'+${item.orderId}"/>
                                &nbsp;&nbsp;A</label>
                        </a><a class="question-btn mus" th:id="'cb'+${item.orderId}">
                            <label th:for="'rd'+${item.orderId}">
                                <input type='radio' value="B" th:name="'rd'+${item.orderId}" th:id="'rd'+${item.orderId}"/>
                                &nbsp;&nbsp;B</label>
                        </a><a class="question-btn mus" th:id="'cb'+${item.orderId}">
                            <label th:for="'rd'+${item.orderId}">
                                <input type='radio' value="C" th:name="'rd'+${item.orderId}" th:id="'rd'+${item.orderId}"/>
                                &nbsp;&nbsp;C</label>
                        </a><a class="question-btn mus" th:id="'cb'+${item.orderId}">
                            <label th:for="'rd'+${item.orderId}">
                                <input type='radio' value="D" th:name="'rd'+${item.orderId}" th:id="'rd'+${item.orderId}"/>
                                &nbsp;&nbsp;D</label>
                        </a></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
    <input name="txtTimer" type="hidden" id="txtTimer"/>
    <input name="totaltime" type="hidden" id="totaltime" value="600"/>
    <input name="endtime" type="hidden" id="endtime" value="2015-05-31 16:50:52"/>
    <input name="HidhisID" type="hidden" id="HidhisID" value="185"/>
</form>
</body>
</html>
